/**
 * 上传图片打开对话框
 */
UE.registerUI("uploadimage",function (editor,uiName) {


    //创建dialog
    var kfDialog = new UE.ui.Dialog({
        // 指定弹出层路径
        iframeUrl: editor.options.UEDITOR_HOME_URL + 'image-plugin/image.html',
        // 编辑器实例
        editor: editor,
        // dialog 名称
        name: "插入图片",
        // dialog 标题
        title: '插入图片',

        // dialog 外围 css
        cssRules: 'width:400px; height: 200px;',

        //如果给出了buttons就代表dialog有确定和取消
        buttons:[
            {
                className:'edui-okbutton',
                label:'开始上传',
                onclick:function () {
                    editor.execCommand("uploadimagestart",function(){
                        kfDialog.close(true);
                    });
                }
            },
            {
                className:'edui-cancelbutton',
                label:'取消',
                onclick:function () {
                    kfDialog.close(false);
                }
            }
        ]
    });

    //创建一个button
    var btn = new UE.ui.Button({
        //按钮的名字
        name:uiName,
        //提示
        title:'插入图片',
        //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
        cssRules :'background-position: -380px 0px;',
        //点击时执行的命令
        onclick:function () {
            kfDialog.render();
            kfDialog.open();
        }
    });


    //当点到编辑内容上时，按钮要做的状态反射
    editor.addListener('selectionchange', function () {
        var state = editor.queryCommandState(uiName);
        if (state == -1) {
            btn.setDisabled(true);
            btn.setChecked(false);
        } else {
            btn.setDisabled(false);
            btn.setChecked(state);
        }
    });

    return btn;
});